﻿body {
    font-family:"Segoe UI Light"
}

#MainWindow {
    background-color:rgba(64,64,64,1);
    padding:20px;
    width:945px;
    height:auto;
    position:absolute;

}
#tiemSelection{
    height:17px;
    position:absolute;
    left:420px;
    top:90px;
    z-index:2;
}


.trendNum{
    float:left;
    margin:4px;
    font-weight:bold;
}

.TrendRatio{
    float:left;
    margin:4px;
    font-weight:bold;
}

.StockStatistic{
    width:100%;
    height:auto;
    float:left;
    background-color:white;
}

.chartTitle{
    margin:4px;
    height:25px;
    clear:both;
    z-index:1;
}

#chartSelectionDisplay{
    width:100%;
    float:left;
}
.timeline {
    width:30px;
    height:15px;
    color:rgba(64,64,64,1);
    background-color:white;
    border:2px;
    border-style:solid;
    border-color:rgba(64,64,64,1);
    float:left;
    padding-bottom:4px;
    text-align: center;
    font-size:14px;
}
.timelineSelected {
    width:30px;
    height:15px;
    color:white;
    background-color:rgba(64,64,64,1);
    border:2px;
    border-style:solid;
    border-color:rgba(64,64,64,1);
    float:left;
    padding-bottom:4px;
    text-align: center;
    font-size:14px;
}
#CommandTimeLine {
    width:auto;
    height:auto;
    float:left
}

#CommandCharts {
    width:auto;
    height:auto;
    float:right;
}

#chart_div{
    width:100%;
    height:400px;
    /*position:absolute;
    top:100px;
    left:30px;*/
    float:left;
}
#chart_volume_div{
    width:100%;
    height:120px;
    /*position:absolute;
    top:500px;
    left:30px;*/
    float:left;
}
#chart_RSI_div{
    width:100%;
    height:120px;
    /*position:absolute;
    top:620px;
    left:30px;*/
    float:left;
}
#selection{
    width:100%;
    height:auto;
    /*position:absolute;
    top:740px;
    left:30px;*/
    float:left;
}
.Button {
    width:131px;
    height:46px;
    color:white;
    background-color:rgba(64,64,64,1);
    border:2px;
    border-style:solid;
    border-color:white;
    float:left;
    line-height:23px;
    text-align: center;
}

.Button::selection {
    color:black;
    background-color:white;
}

.ButtonSelected {
    width:131px;
    height:46px;
    color:black;
    background-color:white;
    border:2px;
    border-style:solid;
    border-color:white;
    float:left;
    line-height:23px;
    text-align: center;
}

.tickerSymbolLabel {
    width:200px;
    height:25px;
    color:white;
    background-color:rgba(64,64,64,1);
    border:2px;
    border-style:solid;
    border-color:white;
    float:left;
    text-align: center;
}
.tickerSymbolLabelDelete {
    width:25px;
    height:25px;
    color:white;
    background-color:rgba(64,64,64,1);
    border:2px;
    border-style:solid;
    border-color:white;
    float:left;
    text-align: center;
}
#AddorRemoveWatchListBox{
    position:absolute;
    left:30%;
    top:123px;
    z-index:2;
    width:235px;
    height:auto;
    font-size:14px;
    background: #fff;
    box-shadow:0px 0px 30px 0px rgba(0,0,0,0.47);
    border: 5px solid #aaa; 
    padding-top:20px;
    
}
#ui-id-1{
    z-index:3;
}

.GB_caption {
    font: 12px bold helvetica, verdana, sans-serif;
    color: #fff;
    background: #888; 
    /* background: #003399; */
    padding: 2px 0 2px 5px;
    margin: 0;
    text-align: left;
    position: absolute;
    left: 0px;
    top: 0px;
    width:230px;
    height:16px;
}

.buttonAddorRemoveWatchListBox {
    width:113px;
    height:25px;
    margin:2px;
    float:left;
    text-align: center;
}


#waitingLayer{
    position:fixed;
    z-index:10;
    width:100%;
    height:100%;
    background-color:rgba(214,214,214,0.5);
}
#waitingdiv{
    position:fixed;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -250px;
    z-index:11;
    width:350px;
    height:150px;
    background-color:white;
    box-shadow:0px 0px 30px 0px rgba(0,0,0,0.47);
}

#ajax-loader {
    position: absolute;
    left: 50px;
    top: 80px;
    margin-left: -32px; /* -1 * image width / 2 */
    margin-top: -32px;  /* -1 * image height / 2 */
    display: block; 
    width:auto;
    height:auto;    
}
#loadingLogo {
    font-size:200%;
    position: absolute;
    left: 90px;
    top: 50px;
}
#closeIconId{
    position: absolute;
    right: 0px;
    top: 0px;
    width:20px;
    height:20px;
}